<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
${require('../include/registerHeader.html')}
<div class="container-fluid container-gray-bg container-register">
    <div class="register-content">
        <form id="userNameForm" class="user-name-form" autocomplete="off">
            <div class="el-form-group">
                <input type="text" name="name" class="el-form-control isUserName" placeholder="用户名（6~20）位字母数字">
            </div>
            <div class="el-form-group">
                <input type="password" name="password" class="el-form-control isPassword" placeholder="密码">
            </div>
            <div class="el-form-group">
                <input type="text" name="mobile" class="el-form-control isMobile" placeholder="手机号码">
            </div>
            <div class="el-form-group el-form-group-append">
                <input type="text" name="code" class="el-form-control" placeholder="验证码">
                <span class="el-form-group_append">
                    <button type="button" class="el-btn el-btn-primary btn-get-code">获取验证码</button>
                </span>
            </div>
            <div class="el-form-group el-form-group-protocol">
                <label>
                    <input type="checkbox" checked class="checkbox-protocol">我已阅读并接受
                </label>
                <a href="#">《聚合用户服务协议》</a>
            </div>
            <div class="el-form-group">
                <button type="submit" class="el-btn el-btn-primary el-btn-block btn-submit">立即注册</button>
            </div>
            <div class="el-form-group el-form-group-other-way">
                <a class="toggle-register-way" href="javascript: void(0);">
                    通过邮箱注册>>
                </a>
                <span class="into-login">
                    已有账号，<a href="#">立即登录</a>
                </span>
            </div>
        </form>

        <form id="emailForm" class="email-form" autocomplete="off" style="display: none">
            <div class="el-form-group">
                <input type="text" name="name" class="el-form-control isUserName" placeholder="请输入邮箱">
            </div>
            <div class="el-form-group">
                <input type="password" name="password" class="el-form-control isPassword" placeholder="密码">
            </div>
            <div class="el-form-group">
                <input type="text" name="email" class="el-form-control isEmail" placeholder="邮箱">
            </div>
            <div class="el-form-group el-form-group-protocol">
                <label>
                    <input type="checkbox" checked class="checkbox-protocol">我已阅读并接受
                </label>
                <a href="#">《聚合用户服务协议》</a>
            </div>
            <div class="el-form-group">
                <button type="submit" class="el-btn el-btn-primary el-btn-block btn-submit">立即注册</button>
            </div>
            <div class="el-form-group el-form-group-other-way">
                <a class="toggle-register-way" href="javascript: void(0);">
                    通过手机注册>>
                </a>
                <span class="into-login">
                    已有账号，<a href="#">立即登录</a>
                </span>
            </div>
        </form>
    </div>
</div>
</body>
</html>